
.xq-container{
    padding-top:2.2rem;
    width: 100%;
    height: 100%;
    max-width: 640px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0 auto;
    .xq-container-nav{
        width: 100%;
        background-color: #f7f7f7;
        height: 2.2rem;
        z-index: 9;
        border-bottom: 1px solid #eaeaea;
//      left: 0;
        ul{
            display: -webkit-box;
            width: 100%;
            li{
                width: 20%;
                height: 2.2rem;
                line-height: 2.2rem;
                text-align: center;
                font-size: 0.7rem;
//              margin-left: 0.5rem;
                color: #919191;
//              display: inline-block;
                font-family: sans-serif;
                font-weight: 300;
            }
            .active{
                color: #f8584f;
            }
        }
    }
    .xq-container-box{
        margin-top: .1rem;
        ul{
            text-align: justify;
            padding: 0 0.375rem;
            color: black;
            display: -webkit-box;
            li{
                padding: 0;
                display: inline-block;
                width: 7.4rem;
                height: 14.5rem;
                .list-item{
                    position: relative;
                    .list-item-img{
                            display: block;
                            width: 7.4rem;
                            height: 10.2rem;
                            margin-right: 0;
                            a{
                                display: block;
                                img{
                                    height: 100%;
                                    width: 100%;
                                }
                            }
                    }
                    .list-item-info{
                        a{
                            .promotion_tag{
                                    position: absolute;
                                    top: 9.2rem;
                                    width: 100%;
                                    padding: 0;
                                    border: 0;
                                    line-height: 1rem;
                                    height: 1rem;
                                    color: #fff;
                                    text-indent: 0.3rem;
                                    background-color: #f8584f;
                            }
                            .brand_name{
                                color: #919191;
                                font-size: 0.5rem;
                            }
                            h3{
                                    height: 1.8rem;
                                    -webkit-line-clamp: 2;
                                    width: 100%;
                                    margin-bottom: 0;
                                    font-size: 0.6rem;
                                    color: #919191;
                            }
                            .goods_price{
                                    line-height: 1rem;
                                    height: 1rem;
                                    .current_price{
                                        font-size: 0.75rem;
                                        font-weight: bold;
                                        color: black;
                                    }
                                    .original_price{
                                        font-size: 0.6rem;
                                        color: #919191;
                                        text-decoration: line-through;
                                        margin-left: 0.6rem;
                                    }
                            }
                        }
                    }
                }
            }
        }
    }
}
